@font-face {
    font-family: "Deutsche Bank Text";
    src: url('../fonts/DeutscheBankText_W_Rg.eot'); /* IE9 Compat Modes */
    src: url('../fonts/DeutscheBankText_W_Rg.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/DeutscheBankText_W_Rg.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/DeutscheBankText_W_Rg.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/DeutscheBankText_Rg.ttf')  format('truetype');
    font-display:swap;
}
@font-face {
    font-family: "Deutsche Bank Display";
    src: url('../fonts/DeutscheBankDisplay_W_Rg.eot'); /* IE9 Compat Modes */
    src: url('../fonts/DeutscheBankDisplay_W_Rg.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/DeutscheBankDisplay_W_Rg.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/DeutscheBankDisplay_W_Rg.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/DeutscheBankDisplay_Rg.ttf')  format('truetype');
    font-display:swap;
}

html {
  position: relative;
  min-height: 100%;
}

a {
  color: #017cb3;
}

.navbar-collapse {
    margin-right: 20px;
    margin-left: 20px;
}

.login-pf body {
    font-family: Deutsche Bank Text, Arial, Helvetica, sans-serif;
    margin-bottom: 50px;
    background: url(../img/aurora-background.png) center center / cover no-repeat fixed #5180a2;
 }
.login-pf .container{
        background-color: transparent;
        width: 100%;
}

.footer {
  bottom: 0;
  width: 100%;
  height: 50px;
  opacity: 0.7;
  background-color: #EBF1F6;
}

.alert-error {
    background-color: #ffffff;
    border-color: #cc0000;
    color: #333333;
}

#kc-error-message {
    color: white;
}

#kc-locale ul {
    display: none;
    position: absolute;
    background-color: #fff;
    list-style: none;
    right: 20px;
    top: 30px;
    /*width: 200px;*/
    padding: 2px;
}

#kc-locale:hover ul {
    display: block;
    margin: 0;
}

#kc-locale ul li a {
    display: block;
    padding: 1px 11px;
    color: #000 !important;
    border: 1px solid #fff;
    text-decoration: none;
    line-height: 20px;
}

#kc-locale ul li a:hover {
    color: #4d5258;
    background-color: #d4edfa;
    border-color: #b3d3e7;
    text-decoration: none
}

#kc-locale-dropdown a {

}

#kc-locale-dropdown a:hover {
    text-decoration: none;
}

a#kc-current-locale-link {
    display: block;
}

a#kc-current-locale-link:hover {
    background-color: rgba(0,0,0,0.2);
}

a#kc-current-locale-link::after {
    /*content: "\2c5";*/
    margin-left: 4px;
}

.login-pf .container {
    padding-top: 40px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
}

.login-pf a:hover {
    color: #0099d3;
}

#kc-logo {
    width: 100%;
}

div.kc-logo-text {
    background-image: url("../img/keycloak-logo-text.png");
    background-repeat: no-repeat;
    width: 250px;
    height: 38px;
}

div.kc-logo-text span {
    display: none;
}

#kc-header {
    color: #fff;
    overflow: visible;
    padding-left: 80px;
}

#kc-header-wrapper {
    font-size: 26px;
    line-height: 1.2em;
    margin-bottom: 10px;
}

#kc-content {
    position: relative;
}

#kc-content-wrapper {
    overflow-y: hidden;
}

#kc-form {
    color: #002244;
}

#kc-info {
    padding-bottom: 200px;
    margin-bottom: -200px;
}

#kc-info-wrapper {
    font-size: 13px;
}

#kc-form-options span {
    display: block;
}

#kc-terms-text {
    margin-bottom: 20px;
}

#kc-registration {
    margin-bottom: 15px;
}

.navbar {
  background-color: #FFFFFF !important;
  width: 100%;
  color: #002244;
  font-family: Deutsche Bank Text;
  font-size: 16px;
  height: 105px;
}

/* TOTP */

ol#kc-totp-settings {
    margin: 0;
    padding: 0;
}

ol#kc-totp-settings li {
    margin-top: 1em;
}

ol#kc-totp-settings li:first-of-type {
    margin-top: 0;
}

#kc-totp-secret-qr-code {
    max-width:150px;
    max-height:150px;
}

#kc-totp-secret-key {
    background-color: #fff;
    color: #333333;
    font-size: 16px;
    padding: 10px;
}

/* OAuth */

#kc-oauth h3 {
    margin-top: 0;
}

#kc-oauth ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#kc-oauth ul li {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 12px;
    padding: 10px 30px;
}

#kc-oauth ul li:first-of-type {
    border-top: 0;
}

#kc-oauth .kc-role {
    display: inline-block;
    width: 50%;
}

/* Code */
#kc-code textarea {
    width: 100%;
    height: 8em;
}

/* Social */

#kc-social-providers ul {
    padding: 0;
    margin: 0;
}

#kc-social-providers li {
    display: block;
    margin-top: 5px;
}

#kc-social-providers li:first-of-type {
    margin-top: 0;
}

.zocial {
    width: 150px;
}

.zocial:hover {
    color: #fff !important;
}

.zocial.facebook,
.zocial.github,
.zocial.google,
.zocial.microsoft,
.zocial.stackoverflow,
.zocial.linkedin,
.zocial.twitter {
    background-image: none;
    border-radius: 2px;

    font-family: "Open Sans", sans-serif;
    font-weight: normal;

    box-shadow: none;
    text-shadow: none;
}

.zocial.google {
    background-color: #dd4b39 !important;
}

.zocial.facebook:hover,
.zocial.github:hover,
.zocial.google:hover,
.zocial.microsoft:hover,
.zocial.stackoverflow:hover,
.zocial.linkedin:hover,
.zocial.twitter:hover {
    background-image: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%) !important;
}

/* Copy of zocial windows classes to be used for microsoft's social provider button */
.zocial.microsoft {background-color: #0052a4; color: #fff;}
.zocial.microsoft:before { content: "\f15d"; }

#dbHeader{
    background-image: url("../img/db_interactive_logo.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-color: transparent;
    height:50px;
}
.stacked-group>.welcome-to-la-mia-ba {
	color: #FFFFFF;
    font-family: Deutsche Bank Display;
	font-size: 30px;
	text-align: unset;
    line-height: 38px;
}

.stacked-group>.the-deutsche-bank-ho {
	color: #FFFFFF;
	font-family: Deutsche Bank Text;
	font-size: 20px;
	line-height: 24px;
}

.stacked-group>.login-with-your-pers {
	color: #FFFFFF;
	font-family: Deutsche Bank Text;
	font-size: 16px;
	text-align: unset;
	line-height: 24px;
}
.rectangle {
 	background-color: #0098DB;
 	padding: 20px;
 	color: #FFFFFF;
 }
.rectangle-2 {
 	background-color: #FFFFFF;
 }
.consulta-la-nostra-g {
	height: 25px;
	width: 335px;
	color: #FFFFFF;
	font-family: Deutsche Bank Text;
	font-size: 18px;
	line-height: 25px;
}

.numeri-utili-per-ass {
	height: 25px;
	width: 335px;
	color: #FFFFFF;
	font-family: Deutsche Bank Text;
	font-size: 18px;
	line-height: 25px;
}

.avvisi {
	height: 25px;
	width: 335px;
	color: #FFFFFF;
	font-family: Deutsche Bank Text;
	font-size: 18px;
	line-height: 25px;
}
.form-horizontal {
    padding-left: 15px;
    padding-right: 15px;
	color: #002244;
}
.loginText{
    height: 28px;
    color: #002244;
    font-family: Deutsche Bank Display;
    font-size: 24px;
    line-height: 28px;
}
.passwordResetText {
    color: #002147;
    font-family: Deutsche Bank Text;
    font-size: 16px;
    line-height: 24px;
}
.input-field {
	box-sizing: border-box;
	height: 62px;
    border-radius: 6px;
    border-color: #EBF1F6;
    background-color: #FFFFFF;
    font-size:18px;
}
.remember-my-email-ad {
	height: 14px;
	color: #002244;
	font-family: Deutsche Bank Text;
	font-size: 14px;
	line-height: 22px;
}
input[type='checkbox']:checked+label:after {
    color: #017cb3 !important;
    height: 32px;
    width: 32px;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background: #FFFFFF;
    line-height:28px;
}
input[type='checkbox']+label:after {
    content: '';
    font-family: "Font Awesome 5 Free";
    border: 1px solid #002244;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin-left: 10px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 0;
}

input[type='checkbox'] {
    position: absolute;
    opacity: 1;
    top: 0;
    z-index: 0;
    width: 32px;
    height: 32px;
    border: 1px solid #002244;
    left: 0;
    margin: 0;
    position: absolute;
    margin-left: 0px !important;
}

.rectangle-28-login {
	height: 50px;
	border-radius: 4px;
	background-color: #017cb3;
	width:100%;
	margin-bottom:10px;
}

.form-control::-webkit-input-placeholder { font-style: normal; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { font-style: normal; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { font-style: normal; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { font-style: normal; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { font-style: normal; }  /* Microsoft Edge */
.top-buffer {
	margin-top: 16px;
}
.imageAlignment {
	margin-left: 271px;
	margin-top: -46px;
	height: 20px;
}

.navMenuPadding{
    padding-top: 21px;
    padding-bottom: 41px;
}
.logoPadding{
    padding-top: 20px;
    padding-bottom: 20px;
}
.rectangle-language {
	height: 48px;
}

.flag-locale {
	color: #0098DB;
	font-size: 16px;
}
.form-control-feedback{
       color: #0098DB;
       top:2.5rem;
       right:22px;
       font-size:large;
       pointer-events: auto;
   }
.form-control-feedback-second{
       float: right;
       margin-top: -39px;
   }
.fa-info-circle{
    color: #0098DB;
    font-size:large;
    display :inline-block;
}
.deutsche-bank-2019 {
	color: #002244;
	font-family: Deutsche Bank Text;
	font-size: 11px;
	line-height: 25px;
	float: right;
}
.img-icon-responsive{
    display: inline-block;
}
.navbar-default .navbar-toggle{
    border-color: white;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #002244;
}
.navbar-default .navbar-collapse{
    background-color: white;
}
.authorization-sent {
	color: #0098DB;
	font-family: Deutsche Bank Text;
	font-size: 18px;
}
.please-check-your-ph {
	color: #002147;
	font-family: Deutsche Bank Text;
	font-size: 16px;
	margin-left: 44px;
}
.please-check-your-ph-wtf {
	color: #002147;
	font-family: Deutsche Bank Text;
	font-size: 16px;
}
.cross{
	height: 30px;
	width: 30px;
	color: #D0021B;
	font-family: "Font Awesome 5 Free";
	font-size: 30px;
	text-align: right;
}
.scan-the-qr-code {
 	color: #0197DB;
 	font-family: Deutsche Bank Text;
 	font-size: 18px;
 	vertical-align: middle;
 }

.sidenav {
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  padding-top: 40px;
  visibility: hidden;
}

.sidenav a:hover {
  color: #0197DB;
  text-decoration: none;
}

.sidenav .closebtn {
    float: right;
    font-size: 36px;
    color: #002417;
}

.avvisi-trasparenza {
	color: #002244;
	font-family: Deutsche Bank Text;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.1px;
	text-align: justify;
}
.form-control-feedback{
    z-index: 0;
}
.navbar-fixed-bottom{
    z-index : auto;
}
.popover{
    font-size:10px;
}
.popover.bottom{
    margin-top: 2px;
}
.popover-content{
    line-height: 1;

}
.generate-the-otp{
    color: #0098DB;
    font-family: Deutsche Bank Text;
    font-size: 24px;
}
.hourglass{
        height: 30px;
        width: 30px;
    	color: #0098DB;
    	font-size: 30px;
}
.qrCode{
        color: #002244;
        font-family: Deutsche Bank Text;
        font-size: 14px;
        padding-top: 6px;
}
.helpPushMessage{
        color: #002244;
        font-size: 11px;
        font-family: Deutsche Bank Text;
        margin-left: 44px;
}
.helpPushMessageWTF{
        color: #002244;
        font-size: 11px;
        font-family: Deutsche Bank Text;
}
.password-strenght {
 	margin-left: 418px;
 }
.set-a-new-password-desc1 {
 	color: #FFFFFF;
 	font-family: Deutsche Bank Text;
 	font-size: 36px;
 }
 .set-a-new-password-desc2{
    color: #FFFFFF;
    font-family: Deutsche Bank Text;
    font-size: 20px;
 }
 .buttonText {
     color: #FFFFFF;
     font-family: Deutsche Bank Text;
     font-size: 18px;
 }
.navbarListItems{
    padding-top:20px;
    padding-right:35px;
}
.navbarListItems a{
    color:#717171 !important;
}
.navbarListItems a:focus{
    outline:thin dotted;
}
.navbar-right{
    margin-right: unset;
}
.pushNoActionIcon{
   color: #F5A623;
   font-size: 30px;
   font-family:"Font Awesome 5 Free "
}
.pushNoAction{
    color: #F5A623;
    font-family: Deutsche Bank Text;
    font-size: 18px;
}
.alert{
    padding-left: 9px;
    border-width: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.incorrectOTP{
    	color: #002147;
    	font-family: Deutsche Bank Text;
    	font-size: 16px;
    	vertical-align: super;
    	line-height:1.3
}
.errorText{
        font-family: Deutsche Bank Text;
        font-size: 18px;
        color: #D0021B;
        vertical-align: super;
        line-height:1.3
}
.success{
        height: 30px;
    	width: 30px;
    	color: #3f9c35;
    	font-family: "Font Awesome 5 Free";
    	font-size: 30px;
}
.error-occured{
    color: #D0021B;
    font-family: Deutsche Bank Text;
    font-size: 18px;
}
.formBackground{
    background-color: #FFFFFF;
    height: fit-content;
}
.passwordConfirmText{
    color: #58B957;
    font-size: 18px;
    font-family: Deutsche Bank Text;
}
.passwordConfirmAdditionalText{
    color: #002244;
    font-size: 14px;
    font-family: Deutsche Bank Text;
}
.retryPushButton {
 	height: 50px;
 	border-radius: 4px;
 	background-color: #FFFFFF;
 	width:100%;
 	margin-bottom:10px;
 	border-color: #0197DB;
 	color: #0197DB;
 }
 .instruction{
    color: #FFFFFF;
 }
 .btn-link.btn-anchor {
         outline: none !important;
         padding: 0;
         border: 0;
         vertical-align: baseline;
         color: #0098DB;
         font-family: Deutsche Bank Text;
         font-size: 14px;
         letter-spacing: 0.6px;
         line-height: 16px;
 }
 .btn-link {
         vertical-align: super;
 }
.arrow {
       height: 18px;
       width: 13px;
       color: #0098DB;
       font-family: "Font Awesome 5 Free";
       font-size: 18px;
       letter-spacing: 0;
       line-height: 18px;
       vertical-align: super;
 }
 .arrow-margin{
    margin-left: 11px;
 }
 .retry-link-margin {
    margin-left: 13px;
 }
@media (min-width: 768px) {
    html {
       min-height: 700px;
    }
    #kc-container-wrapper {
        position: absolute;
        width: 100%;
    }

    #kc-logo-wrapper {
        margin: 32px -40px 0px 1px;
    }

    .login-pf .container {
        padding-right: 80px;
    }

    .navbar-text {
        float: left;
        margin-left: 2px;
        margin-right: 2px;
     }

    #kc-locale {
        position: relative;
        width: 140px;
        left: -30px;
        text-align: right;
        z-index: 9999;
    }
    .deutsche-bank-2019 {
        font-size: 10px;
    }
    .navbar-right{
            margin-right: -20px;
        }
    .navbarListItems{
            padding-top:20px;
            padding-right:0px;
    }
}

@media (max-width: 767px) {

    #kc-logo-wrapper {
        height: 14px;
        margin: 17px 10px 0px -9px;
    }
    #kc-header-wrapper {
        font-size: 20px;
    }

    .form-control-feedback {
        top: 1.4rem;
    }

    #kc-header {
        padding-left: 15px;
        padding-right: 15px;
        float: none;
        text-align: center;
    }

    #kc-form {
        float: none;
    }

    #kc-info-wrapper {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        margin-top: 15px;
        padding-top: 15px;
        padding-left: 0px;
        padding-right: 15px;
    }

    #kc-social-providers li {
        display: inline-block;
        margin-right: 5px;
    }

    .login-pf .container {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #kc-locale {
        position: absolute;
        width: 200px;
        top: 10px;
        right: 0px;
        text-align: right;
        z-index: 9999;
    }
    .visible-xs{
        display: inline-block !important;
    }
    .qrCode{
        font-size: 12px;
        line-height: 1.67;
    }
    .set-a-new-password-desc1{
               color: #FFFFFF;
               font-family: Deutsche Bank Display;
               font-size: 19px;
               text-align: center;
               line-height: 1;
    }
    .set-a-new-password-desc2{
               color: #FFFFFF;
               font-family: Deutsche Bank Display;
               font-size: 18px;
               text-align: center;
               line-height: 1;
    }
    .login-pf body {
            background-image: url(../img/bg.png);
    }
    .input-field {
            box-sizing: border-box;
            height: 42px;
            border-radius: 3px;
            background-color: #FFFFFF;
            border: 1px solid #EBF1F6;
    }
    #kc-form-login {
            /*padding: 4px 4px 4px 4px;*/
    }
    body {
            line-height: 1;
    }
    .rectangle-28-login{
            margin-top:10px;
    }
    .stacked-group>.welcome-to-la-mia-ba {
            color: #FFFFFF;
            font-family: Deutsche Bank Display;
            font-size: 24px;
            text-align: center;
    }
    .stacked-group>.the-deutsche-bank-ho {
            color: #FFFFFF;	
            font-family: Deutsche Bank Text;
            font-size: 14px;
            text-align: center;
    }
    .footer{
            background-color: #ffffff;
            opacity:1;
    }
    .deutsche-bank-2019 {
                 	color: #002244;
                 	font-size: 9px;
                 	line-height: 10px;
                 	text-align: center;
                 	float: none;
                 	margin-left: 35px;
    }
    .footer{
                height: 25px;
    }
    .top-buffer{
                margin-top:8px;
    }
    .navbar {
                max-height: 40px;
    }
    .dbLogo {
                margin-right: 15px;
                margin-top: 6px;
                height: 35px;
    }
    .set-a-new-password-desc1{
                     color: #FFFFFF;
                     font-family: Deutsche Bank Display;
                     font-size: 19px;
                     text-align: center;
                     line-height: 1;
    }
    .set-a-new-password-desc2{
                      color: #FFFFFF;
                      font-family: Deutsche Bank Display;
                      font-size: 18px;
                      text-align: center;
                      line-height: 1;
    }
}

@media (min-height: 646px) {
    #kc-container-wrapper {
    }
}

@media (max-height: 645px) {
    #kc-container-wrapper {
        top: 15%;
    }
}
@media screen and (max-width: 991px) {
}
@media screen and (min-width: 1200px) {
    #kc-logo-wrapper{
        margin: 33px -60px 0px 20px;
    }
     .stacked-group>.welcome-to-la-mia-ba {
        text-align: unset;
     }
     .stacked-group>.the-deutsche-bank-ho{
        text-align: unset;
     }
            .stacked-group>.login-with-your-pers{
        text-align: unset;
     }
}
/* Ipad Landscape mode*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .stacked-group>.welcome-to-la-mia-ba {
                text-align: unset;
            }
    .stacked-group>.the-deutsche-bank-ho{
                text-align: unset;
            }
    .stacked-group>.login-with-your-pers{
                text-align: unset;
        }
}
/* Ipad Pro Portrait mode*/
@media only screen
  and (min-width: 1024px)
  and (max-height: 1366px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1.5) {
  .stacked-group>.welcome-to-la-mia-ba {
                  text-align: unset;
              }
      .stacked-group>.the-deutsche-bank-ho{
                  text-align: unset;
              }
      .stacked-group>.login-with-your-pers{
                  text-align: unset;
          }
}


/* Iphone media queries */
   /* 2532x1170 pixels at 460ppi */
@media only screen
    and (device-width: 390px)
    and (device-height: 844px)
    and (orientation: portrait)
    and (-webkit-device-pixel-ratio: 3) {
        .navbar{
            max-height:70px;
            padding:15px 0;
        }
    }


    /* 2340x1080 pixels at 476ppi */
@media only screen
    and (device-width: 375px)
    and (device-height: 812px)
    and (orientation: portrait)
    and (-webkit-device-pixel-ratio: 3) {
             .navbar{
                         max-height:70px;
                         padding:15px 0;
                     }
     }

    /* 2778x1284 pixels at 458ppi */
@media only screen
    and (device-width: 428px)
    and (device-height: 926px)
    and (orientation: portrait)
    and (-webkit-device-pixel-ratio: 3){
            .navbar{
                max-height:70px;
                padding:15px 0;
            }
    }

    /* 1792x828px at 326ppi */
@media only screen
    and (device-width: 414px)
    and (device-height: 896px)
    and (orientation: portrait)
    and (-webkit-device-pixel-ratio: 2) {
            .navbar{
                 max-height:70px;
                 padding:15px 0;
            }
     }

    /* 2436x1125px at 458ppi */
@media only screen
    and (device-width: 375px)
    and (device-height: 812px)
    and (orientation: portrait)
    and (-webkit-device-pixel-ratio: 3) {
            .navbar{
                max-height:70px;
                padding:15px 0;
            }
    }
              /* 2688x1242px at 458ppi */
@media only screen
    and (device-width: 414px)
    and (device-height: 896px)
    and (orientation: portrait)
    and (-webkit-device-pixel-ratio: 3){
        .navbar{
            max-height:70px;
            padding:15px 0;
        }
    }

@media only screen
    and (device-width: 414px)
    and (device-height: 896px)
    and (orientation: portrait)
    and (-webkit-device-pixel-ratio: 2) {
        .navbar{
            max-height:70px;
            padding:15px 0;
        }
    }

 @media only screen
     and (device-width: 414px)
     and (device-height: 736px)
     and (orientation: portrait)
     and (-webkit-device-pixel-ratio: 3) {
         .navbar{
             max-height:70px;
             padding:15px 0;
         }
     }